﻿<vt:include file="masterpage_content.html" remark="导入MasterPage页面" />
<vt:set var="MasterPage" value="0" remark="设置一个变量,用于标示当前不处于MasterPage页中" />
<!--vt[根据MasterPage变量值来判断子页面的内容是否需要输出.这就限制了子页面的内容只在MasterPage页面中的output标签输出.]-->
<vt:if id="PageContent" var="MasterPage" value="1">
<!--vt[子页面的内容必须放在此if标签内]-->

    <!-- 中部 -->
    <div id="container">
        <!-- 问题详情 -->
        <div id="details">
            <div class="details-inner">
                <div id="details-content">
                    <a id="detail-close" href="javascript:;"></a>
                    <div id="vitals">
                        <a class="image" href="#">
                            <img alt="marcollr" src="../Images/avatar.gif"></a>
                        <h3><a href="#">****</a></h3>
                        <br>
                    </div>
                    <ul id="personal-info">
                        <li style="display: none;"></li>
                        <li style="display: none;"></li>
                        <li style="display: none;"></li>
                        <li><a href="#">*****</a></li>
                    </ul>
                    <hr>
                    <dl id="avail-status">
                        <dt>Availability for Projects</dt>
                        <dd>Currently Available</dd>
                    </dl>
                    <hr>
                    <span id="app-count">1</span> App Ideas
									<ul id="app-ideas">
                                        <li><a href="">AURORA</a></li>
                                    </ul>
                    <hr>
                    <dl id="wants-to-build">
                        <dt>Wants To Build</dt>
                        <dd>Info Coming Soon</dd>
                    </dl>
                    <hr>
                    <dl id="skills">
                        <dt>Skills</dt>
                        <dd>Info Coming Soon</dd>
                    </dl>
                    <hr>
                    <p id="additional_info"></p>
                </div>
            </div>
        </div>
        <div id="Q" class="Q">
            <ul class="Q-item">
                <li>
                    <div class="more"><a href="#" class="gen-btn"><span>查看</span></a></div>
                    <span class="user-img">
                        <img src="../Images/avatar.gif" alt="樱桃子" />
                    </span>
                    <div class="Q-title">
                        <h2>
                            <a href="#" title="">How to get rid of negative promotion by your competitors?</a>
                        </h2>
                    </div>
                    <div class="Q-info">
                        <span class="type">未解决</span> <span class="ans">回答<strong> 1</strong></span> <span class="tabs">HTML</span><span class="tabs">布局</span>
                    </div>
                </li>
            </ul>
            <ul class="Q-item">
                <li>
                    <div class="more"><a href="#" class="gen-btn"><span>查看</span></a></div>
                    <span class="user-img">
                        <img src="../Images/avatar.gif" alt="樱桃子" />
                    </span>
                    <div class="Q-title">
                        <h2>
                            <a href="#" title="">How to get rid of negative promotion by your competitors?</a>
                        </h2>
                    </div>
                    <div class="Q-info">
                        <span class="type">已解决</span> <span class="ans">回答<strong> 1</strong></span> <span class="tabs">JavaScript</span>
                    </div>
                </li>
            </ul>
            <ul class="Q-item">
                <li>
                    <div class="more"><a href="#" class="gen-btn"><span>查看</span></a></div>
                    <span class="user-img">
                        <img src="../Images/avatar.gif" alt="樱桃子" />
                    </span>
                    <div class="Q-title">
                        <h2>
                            <a href="#" title="">How to get rid of negative promotion by your competitors?</a>
                        </h2>
                    </div>
                    <div class="Q-info">
                        <span class="type">未解决</span> <span class="ans">回答<strong> 1</strong></span> <span class="tabs">JavaScript</span>
                    </div>
                </li>
            </ul>
            <ul class="Q-item">
                <li>
                    <div class="more"><a href="#" class="gen-btn"><span>查看</span></a></div>
                    <span class="user-img">
                        <img src="../Images/avatar.gif" alt="樱桃子" />
                    </span>
                    <div class="Q-title">
                        <h2>
                            <a href="#" title="">How to get rid of negative promotion by your competitors?</a>
                        </h2>
                    </div>
                    <div class="Q-info">
                        <span class="type">未解决</span> <span class="ans">回答<strong> 1</strong></span> <span class="tabs">JavaScript</span>
                    </div>
                </li>
            </ul>
            <ul class="Q-item">
                <li>
                    <div class="more"><a href="#" class="gen-btn"><span>查看</span></a></div>
                    <div class="Q-title">
                        <h2>
                            <a href="#" title="">How to get rid of negative promotion by your competitors?</a>
                        </h2>
                    </div>
                    <div class="Q-info">
                        <span class="type">未解决</span> <span class="ans">回答<strong> 1</strong></span> <span class="tabs">JavaScript</span>
                    </div>
                    <span class="user-img">
                        <img src="../Images/avatar.gif" alt="樱桃子" />
                    </span>
                </li>
            </ul>
        </div>
    </div>
    <!-- 中部 end -->
    
    <script type="text/javascript">
        $(function () {

            $("#Q li").click(function () {
                $("#Q li").removeClass("selected");
                $(this).addClass("selected");
                $("#details").css({
                    "height": (parseInt($(window).height()) + parseInt($(window).scrollTop()) - 218) + "px",
                    "display": "block"
                });
                $("#details-content").css("height", parseInt($(window).height()) - 274 + "px");
                // 加载数据
                //$(elem).find("h2").html(data.name.trunc(52)); 
                //$(elem).find("span.user-img img").attr("src", base_url + "../Images/idea-avatar.png").css("display", "block");
                //$(elem).find("span.fullname a").text(users_name).attr("href", base_url + "user/" + data.user[0].username);
            });


            $("#detail-close").click(function () {
                $("#details").hide();
                $("#listings li").removeClass("selected");
            });
        })

    </script>
</vt:if>
